<template>
    <v-form>
        <v-container>
            <v-row>
                <v-col cols="12" md="4">
                    <v-text-field v-model="wordBo.word" label="单词" clearable=""></v-text-field>
                </v-col>
                <v-col cols="12" md="4">
                    <v-select v-model="wordBo.langId" clearable label="选择语种" item-title="lang" item-value="langId"
                        :items="langList" variant="outlined" />
                </v-col>
                <v-col cols="12" md="4">
                    <v-select v-model="wordBo.sortOrder" :items="sortOrderList" item-value="value" clearable
                        label="排序方式" variant="outlined" item-title="name" />
                </v-col>
            </v-row>
        </v-container>
    </v-form>
</template>
<script>
export default {
    name: "WordQueryFormComponent",
    props: {
        langList: { default: [] },
        labelList: { default: [] },
        bookList: { default: [] },
        wordBo: { default: {} },
    },
    data() {
        return {
            sortOrderList: [
                { name: "创建时间降序", value: false },
                { name: "创建时间升序", value: true },
            ],
        };
    },
};
</script>